<template>
  <el-row class="common-pd-page out-info-box">
    <HPModuleTitle :titleText="'离场信息'" />
    <ul class="detail-info-box" v-if="candidateInfo">
      <li class="info-item">
        <span class="info-item-tip"> 昵称</span>：
        <span class="info-item-txt">
          {{ candidateInfo.nickName }}
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 姓名</span>
        ：
        <span class="info-item-txt">
          {{ candidateInfo.userName }}
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 所属部门</span>：
        <span class="info-item-txt">
          {{ candidateInfo.deptName }}
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 最后工作日</span>：
        <span class="info-item-txt">
          {{ candidateInfo.outDate && candidateInfo.outDate.split(" ")[0] }}
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 交接人</span>：
        <span class="info-item-txt">
          {{ candidateInfo.workOverName }}
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 工号</span>：
        <span class="info-item-txt">
          {{ candidateInfo.workCode }}
        </span>
      </li>
      <li class="info-item info-item-100">
        <span class="info-item-tip"> 离场指引</span>：
        <span class="info-item-txt desc">
          <p>
            Hi外包小伙伴，<br />
            请先与你所属的供应商公司进行沟通,确认一致后再发起外包离场流程。<br />
            同时需将公司配备的IT办公资产(电脑、配件等)对应归还至以下职场地点：<br />
            ①上海（两个地点均可还）：杨浦区国正中心1号楼5层茶水间后b-9-6（v_zhaoaisi）或国正中心3号楼6层货梯口（狗王IB）；<br />
            ②北京：朝阳区东煌大厦9层9C-136（v_liujiye）、9C-135（v_
            chenshaoguang）；<br />
            ③南京：建邺区新城科技园国际研发总部园2号楼18层员工服务中心；<br />
            ④武汉：洪山区光谷软件园六期E3栋光谷E城4F-C-03-01（Oven）;<br />
            ⑤成都：高新区紫光芯云中心B座17F009 （v_liuning）;<br />
            ⑥芜湖：鸠江区国家广告产业园火炬楼3楼(福利酱)；<br />
            ⑦广州：海珠区保利发展广场35楼营销区域后面（勾勾）；<br />
            在离场前,需主动与外包人员汇报对象沟通,及时根据要求完成相关工作交接<br />
          </p>
        </span>
      </li>
      <li class="info-item">
        <span class="info-item-tip"> 声明</span>：
        <span class="info-item-txt desc">
          <p>
            在提交本流程时，即代表你已查收并同意以下申明：<br />
            ①自离场之日起，将不再以任何方式参与原工作权限的所有工作；<br />
            ②不会擅自更改权限进入公司系统获取、更新公司资源；<br />
            ③如本人离场后，公司发现尚有未移交的事宜，本人有义务配合公司完成相关事宜。<br />
          </p>
        </span>
      </li>
    </ul>
  </el-row>
</template>
<script>
import HPModuleTitle from "@/components/HPModuleTitle.vue";
export default {
  props: {
    candidateInfo: {
      type: Object,
      default: {},
    },
    isShowCandidate: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {};
  },
  components: {
    HPModuleTitle,
  },
};
</script>
<style lang="scss">
@import "~@/assets/scss/mixins.scss";
@include Detail-Info;
.out-info-box {
  // padding-left: 20px;
  // padding-right: 20px;
  // background-color: #fff; // margin-top: 20px;
  // height: auto;
  // overflow: hidden;
  // .info-box {
  //   width: 100%;
  //   padding-bottom: 20px;
  //   padding-top: 20px;
  // .info-item {
  //   // width: 100%;
  //   display: inline-block;
  //   text-align: left;
  //   font-size: 14px;
  //   color: #636363;
  // }
  // .info-item-tip {
  //   display: inline-block;
  //   width: 80px;
  //   height: 40px;
  //   line-height: 40px;
  //   text-indent: 5px;
  // }
  .info-item-tip {
    width: 78px;
  }
  .desc {
    width: 500px;
    display: inline-block;
    vertical-align: text-top;
  }
  // }
}
</style>
